/**
 * 样式监控器
 */
let styleObserver = null

/**
 * 启动样式监控
 */
export function startStyleMonitoring() {
  if (styleObserver) {
    styleObserver.disconnect()
  }

  // 创建 MutationObserver 来监控 DOM 变化
  styleObserver = new MutationObserver((mutations) => {
    mutations.forEach((mutation) => {
      if (mutation.type === 'childList') {
        // 当有新的元素添加时，延迟执行样式修复
        setTimeout(() => {
          import('./styleFix.js').then(({ autoFixStyles }) => {
            autoFixStyles()
          })
        }, 100)
      }
    })
  })

  // 开始监控
  styleObserver.observe(document.body, {
    childList: true,
    subtree: true
  })
}

/**
 * 停止样式监控
 */
export function stopStyleMonitoring() {
  if (styleObserver) {
    styleObserver.disconnect()
    styleObserver = null
  }
} 